<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Font test</title>
  
<style>
	
	@font-face {
		font-family: 'Neo Sans Arabic Light';
		src: url('type/NeoSansArabic-Light.woff') format('woff'),
			 url('type/NeoSansArabic-Light.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}
	
	@font-face {
		font-family: 'Neo Sans Arabic Medium';
		src: url('type/NeoSansArabic-Medium.woff') format('woff'),
			 url('type/NeoSansArabic-Medium.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}
	
	.en { 
		font-family:"DecaniBold";  
	} 
	
	.ar-light {
		font-family:"Neo Sans Arabic Light";  
	}
	
	.ar-medium {
		font-family:"Neo Sans Arabic Medium";
	}
</style>
</head>
<body>
  <h1 class="ar-light">Hello English Web Font</h1>
  <h1 class="ar-medium">Hello English BOLD Web Font</h1>
  <h1 class="ar-light">مرحبا بالخط العربي</h1>
  <h1 class="ar-medium">مرحبا بالخط العربي العريييض</h1>
</body>
</html>